# css snippets
# @author Shengzhi (follow me at: weibo.com/shengzhizhang)

# Selectors
snippet e
	${1:element} { ${2}}
snippet #
	#${1:id} { ${2}}
snippet .
	.${1:class} { ${2}}
# Comments
snippet /
	/*${1}*/${2}
snippet /**
	/**
	 * ${1:Descriptions..}
	 * ${2:@author etc..}
	 */
	${3}
# Font
snippet font
	font:${1:font-style} ${2:font-variant} ${3:font-weight} ${4:font-size}/${5:line-height} ${6:font-family}; ${7}
snippet ff
	font-family:${1:Tahoma, Arial, Helvetica}; ${2}
snippet ffy
	font-family:"\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53"; ${1}
snippet ffs
	font-family:"\5B8B\4F53"; ${1}
snippet fs
	font-size:${1:14px}; ${2}
snippet fsn
	font-style:normal; ${1}
snippet fsi
	font-style:italic; ${1}
snippet fso
	font-style:oblique; ${1}
snippet fwb
	font-weight:bold; ${1}
snippet fwn
	font-weight:normal; ${1}
snippet tdu
	text-decoration:underline; ${1}
snippet tdn
	text-decoration:none; ${1}
snippet font-variant
	font-variant:${1:normal|small-caps}; ${2}
snippet ttn
	text-transform:none; ${1}
snippet ttc
	text-transform:capitalize; ${1}
snippet ttu
	text-transform:uppercase; ${1}
snippet ttl
	text-transform:lowercase; ${1}
snippet lh
	line-height:${1:X}; ${2}
snippet letter-spacing
	letter-spacing:${1:normal|length}; ${2}
snippet word-spacing
	word-spacing:${1:normal|length}; ${2}
# Text
snippet co
	color:#${1:HEX}; ${2}
snippet ti
	text-indent:${1:-9999px}; ${2}
snippet text-overflow
	text-overflow:${1:clip|ellipsis}; ${2}
snippet va
	vertical-align:${1:auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom|length}; ${2}
snippet vam
	vertical-align:middle; ${1}
snippet tal
	text-align:left; ${1}
snippet tar
	text-align:right; ${1}
snippet tac
	text-align:center; ${1}
snippet taj
	text-align:justify; ${1}
snippet word-break
	wrod-break:${1:normal|break-all|keep-all}; ${2}
snippet line-break
	line-break:${1:normal|strict}; ${2}
snippet wsn
	white-space:nowrap; ${1}
snippet word-wrap
	word-wrap:${1:normal|break-word}; ${2}
snippet text-justify
	text-justify:${1:auto|distribute|distribute-all-lines|distribute-center-last|inter-cluster|inter-ideograph|inter-word|kashida|newspaper}; ${2}
# Background
snippet bg
	background:${1:#ddd} url(bgimg/${2:path to image}) ${3:no-repeat} ${4:left top}; ${5}
snippet bgn
	background:none; ${1}
snippet bga
	background-attachment:${1:scroll|fixed}; ${2}
snippet bgc
	background-color:#${1:transparent}; ${2}
snippet bgi
	background-image:url(bgimg/${1:path to image}); ${2}
snippet bgp
	background-position:${1:X}px ${2:Y}px; ${3}
snippet bgr
	background-repeat:${1:repeat|no-repeat|repeat-x|repeat-y}; ${2}
# Position
snippet pos
	position:static; ${1}
snippet por
	position:relative; ${1}
snippet pof
	position:fixed; ${1}
snippet poa
	position:absolute; ${1}
snippet zi
	z-index:${1:10000}; ${2}
snippet t
	top:${1:auto}; ${2}
snippet r
	right:${1:auto}; ${2}
snippet b
	bottom:${1:auto}; ${2}
snippet l
	left:${1:auto}; ${2}
# Dimensions
snippet h
	height:${1:auto}; ${2}
snippet maxh
	max-height:${1:none}; ${2}
snippet minh
	min-height:${1:none}; ${2}
snippet w
	width:${1:auto}; ${2}
snippet maxw
	max-width:${1:auto}; ${2}
snippet minw
	min-width:${1:auto}; ${2}
# Layout
snippet cn
	clear:none; ${1}
snippet cl
	clear:left; ${1}
snippet cr
	clear:right; ${1}
snippet cb
	clear:both; ${1}
snippet fn
	float:none; ${1}
snippet fl
	float:left; ${1}
snippet fr
	float:right; ${1}
snippet clip
	clip:${1:auto|rect(number number number number)}; ${2}
snippet overflow
	overflow:${1:visible|auto|hidden|scroll}; ${2}
snippet oh
	overflow:hidden; ${1}
snippet overflow-x
	overflow-x:${1:visible|auto|hidden|scroll}; ${2}
snippet overflow-y
	overflow-y:${1:visible|auto|hidden|scroll}; ${2}
snippet display
	display:${1:block|none|inline|compact|marker|inline-table|list-item|run-in|table|table-caption|table-cell|table-column|table-column-group|table-footer-group|table-header-group|table-row|table-row-group}; ${2}
snippet di
	display:inline; ${1}
snippet db
	display:block; ${1}
snippet dib
	display:inline-block; ${1}
snippet dn
	display:none; ${1}
snippet visiblity
	visiblity:${1:inherit|visible|collapse|hidden}; ${2}
# Margins
snippet m
	margin:${1:auto}; ${2}
snippet mt
	margin-top:${1:auto}; ${2}
snippet mr
	margin-right:${1:auto}; ${2}
snippet mb
	margin-bottom:${1:auto}; ${2}
snippet ml
	margin-left:${1:auto}; ${2}
# Outlines
snippet outline
	outline:${1:outline-color} ${2:outline-style} ${3:outline-width}; ${4}
snippet on
	outline:none; ${1}
# Border
snippet bo
	border:${1:1px} ${2:solid} ${3:#ccc}; ${4}
snippet boc
	border-color:#${1:ccc}; ${2}
snippet bos
	border-style:${1:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset}; ${2}
snippet bow
	border-width:${1:1px}; ${2}
snippet bot
	border-top:${1:1px} ${2:solid} ${3:#ccc}; ${4}
snippet botc
	border-top-color:${1:#ccc}; ${2}
snippet bots
	border-top-style:${1:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset}; ${2}
snippet botw
	border-top-width:${1:1px}; ${2}
snippet bor
	border-right:${1:1px} ${2:solid} ${3:#ccc}; ${4}
snippet borc
	border-right-color:${1:#ccc}; ${2}
snippet bors
	border-right-style:${1:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset}; ${2}
snippet borw
	border-right-width:${1:1px}; ${2}
snippet bob
	border-bottom:${1:1px} ${2:solid} ${3:#ccc}; ${4}
snippet bobc
	border-bottom-color:${1:#ccc}; ${2}
snippet bobs
	border-bottom-style:${1:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset}; ${2}
snippet bobw
	border-bottom-width:${1:1px}; ${2}
snippet bol
	border-left:${1:1px} ${2:solid} ${3:#ccc}; ${4}
snippet bolc
	border-left-color:${1:#ccc}; ${2}
snippet bols
	border-left-style:${1:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset}; ${2}
snippet bolw
	border-left-width:${1:1px}; ${2}
# Generated Content
snippet content
	content:${1:attr(alt)|counter(name)|counter(name,list-style-type)|counters(name,string)|counters(name,string,list-style-type)|no-close-quote|no-open-quote|close-quote|open-quote|string|url(url)}; ${2}
# Paddings
snippet p
	padding:${1:0}; ${2}
snippet pt
	padding-top:${1:0}; ${2}
snippet pr
	padding-right:${1:0}; ${2}
snippet pb
	padding-bottom:${1:0}; ${2}
snippet pl
	padding-left:${1:0}; ${2}
# Lists
snippet ls
	list-style:${1:none}; ${2}
snippet lst
	list-style-type:${1:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none|armenian|cjk-ideographic|georgian|lower-greek|hebrew|hiragana|hiragana-iroha|katakana|katakana-iroha|lower-latin|upper-latin}; ${2}
# Table
snippet boco
	border-collapse:collapse; ${1}
snippet tlf
	table-layout:fixed; ${1}
# Scrollbar
snippet scrollbar
	scrollbar-base-color:${1:#ccc}; 
	scrollbar-face-color:${2:#f6f6f6}; 
	scrollbar-highlight-color:${3:#fff}; 
	scrollbar-shadow-color:${4:#ccc; }
	scrollbar-3dlight-color:${5:#ccc}; 
	scrollbar-arrow-color:${6:#300}; 
	scrollbar-track-color:${7:#f6f6f6}; 
	scrollbar-darkshadow-color:${8:#fff}; ${9}
# Printing
snippet page
	page:${1:auto|pagetype}; ${2}
snippet page-brake-after
	page-break-after:${1:auto|always|avoid|left|right|null}; ${2}
snippet page-break-before
	page-break-before:${1:auto|always|avoid|left|right|null}; ${2}
snippet page-break-inside
	page-break-inside:${1:auto|avoid}; ${2}
snippet marks
	marks:${1:none|crop|cross}; ${2}
snippet orphans
	orphans:${1:0}; ${2}
snippet size
	size:${1:auto|portrait|landscape|langth}; ${2}
snippet windows
	windows:${1:0}; ${2}
# Classification
snippet cursor
	cursor:${1:auto|all-scroll|col-resize|crosshair|default|hand|move|help|no-drop|not-allowed|pointer|progress|row-resize|text|vertical-text|wait|*-resize|url(url)}; ${2}
snippet cd
	cursor:default; ${1}
snippet cp
	cursor:pointer; ${1}
snippet filter
	filter:${1:filter}; ${2}
# Common
snippet @i
	@import:url(${1}); ${2}
snippet a
	a{ ${1}}
	a:hover{ ${2}}
snippet !
	!important
# Hacks
snippet _d
	_display:inline; ${1}
snippet _z
	_zoom:1; ${1}
snippet *z
	*zoom:1; ${1}
snippet clear
	$1 { *zoom:1; }
	${1:.clear}:after { content:"\20"; display:block; height:0; clear:both; overflow:hidden; }${2}
snippet +
	width:${1:X}; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; ${2}
# CSS3-
